<full-content [(fullscreen)]="isfullscreen" style="overflow-y: scroll;">
 <div class="csp">
   <div class="csp-top">
     <div class="nav">
       <div class="nav-l">
         <div class="logo"><img src="./assets/main_logo.png" alt=""></div>
         <div class="logo-txt">催收操作系统</div>
       </div>
       <div class="nav-r"></div>
     </div>
   </div>
   <div class="csp-main">
      <div class="topBar">
        <nz-tabset [nzSelectedIndex]="onShow" (nzSelectChange)="changea($event)">
          <nz-tab nzTitle="贷款资料"></nz-tab>
          <nz-tab nzTitle="还款记录"></nz-tab>
          <nz-tab nzTitle="催收操作"></nz-tab>
          <nz-tab nzTitle="催收记录"></nz-tab>
          <nz-tab nzTitle="催收报告"></nz-tab>
        </nz-tabset>
      </div>
      <!-- 贷款资料 -->
      <div class="main" *ngIf="onShow==0">
        <div class="menu">
          <nz-affix [nzOffsetTop]="100">
            <nz-tabset [nzTabPosition]="'left'" [nzSelectedIndex]="selectedIndex" (nzSelectChange)="changeb($event)">
              <nz-tab nzTitle="贷款人信息"></nz-tab>
              <nz-tab nzTitle="征信报告"></nz-tab>
              <nz-tab nzTitle="大数据报告"></nz-tab>
              <nz-tab nzTitle="车辆评估报告"></nz-tab>
              <nz-tab nzTitle="通话详单分析"></nz-tab>
              <nz-tab nzTitle="视频材料"></nz-tab>
            </nz-tabset>
          </nz-affix>
        </div>
        <div class="content" style="margin:0;">
          <div *ngIf="selectedIndex==0">
            <nz-card nzTitle="贷款人信息">
              <nz-row nzGutter="24">
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="orderNumber">姓名</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.cusName" name="cusName" placeholder="" id="cusName">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="orderNumber">性别</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.cusGender" name="cusGender" placeholder="" id="cusGender">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="orderNumber">民族</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.cusEthnical" name="cusEthnical" placeholder="" id="cusEthnical">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="orderNumber">出生</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.cusBirthday" name="cusBirthday" placeholder="" id="cusBirthday">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="orderNumber">有限期限</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.cusIdValidto" name="cusIdValidto" placeholder="" id="cusIdValidto">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="orderNumber">签发机关</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.issueOffice" name="issueOffice" placeholder="" id="issueOffice">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="12" nzXXl="12">
                  <nz-form-item>
                    <nz-form-label nzFor="orderNumber">地址</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.cusResAddr" name="cusResAddr" placeholder="" id="cusResAddr">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="orderNumber">工作单位</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.workUnit" name="workUnit" placeholder="" id="workUnit">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="contactNumber">联系电话</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.cusMobile" name="cusMobile" placeholder="" id="contactNumber">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="contactNumber">配偶姓名</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.spouseName" name="spouseName" placeholder="" id="spouseName">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="spouseNumber">联系电话</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.spouseNumber" name="spouseNumber" placeholder="" id="spouseNumber">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="workAddress">工作地址</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.workAddress" name="workAddress" placeholder="" id="workAddress">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="workNumber">单位电话</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.workNumber" name="workNumber" placeholder="" id="workNumber">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="emergencyContactOne">紧急联系人1</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.lxMobile1" name="emergencyContactOne" placeholder="" id="emergencyContactOne">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="workNumber">紧急联系人2</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanerInfo.lxMobile2" name="emergencyContactTwo" placeholder="" id="emergencyContactTwo">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
              </nz-row>
            </nz-card>
            <nz-card nzTitle="贷款信息" [nzExtra]="loanInfo">
              <ng-template #loanInfo>
                <a (click)="loanInfoShow=!loanInfoShow">
                  {{loanInfoShow ? '收起' : '展开'}}
                  <i class="anticon" [class.anticon-down]="!loanInfoShow" [class.anticon-up]="loanInfoShow"></i>
                </a>
              </ng-template>
              <nz-row nzGutter="24" *ngIf="loanInfoShow">
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="orderNo">订单编号</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanInfo.orderNo" name="orderNo" placeholder="" id="orderNo">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="loanAmount">贷款金额</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanInfo.loanAmount" name="loanAmount" placeholder="" id="loanAmount">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="loanDbmonth">利息金额</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanInfo.loanDbmonth" name="loanDbmonth" placeholder="" id="loanDbmonth">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="lxje"> </nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanInfo.kbje" name="kbje" placeholder="" id="kbje">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="ajlx">案件类型</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanInfo.ajlx" name="ajlx" placeholder="" id="ajlx">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="yhbj">已还本金</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanInfo.yhbj" name="yhbj" placeholder="" id="yhbj">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="qkje">欠款金额</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanInfo.qkje" name="qkje" placeholder="" id="qkje">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="jqje">结清金额</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanInfo.jqje" name="jqje" placeholder="" id="jqje">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="fxdj">风险等级</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanInfo.fxdj" name="fxdj" placeholder="" id="fxdj">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="sybj">剩余本金</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanInfo.sybj" name="sybj" placeholder="" id="sybj">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="ljhk">累计还款</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanInfo.ljhk" name="ljhk" placeholder="" id="ljhk">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="yhsq">优惠申请</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="loanInfo.yhsq" name="yhsq" placeholder="" id="yhsq">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
              </nz-row>
            </nz-card>
            <nz-card nzTitle="共借人信息" [nzExtra]="commonBorrower">
              <ng-template #commonBorrower>
                <a (click)="commonBorrowerShow=!commonBorrowerShow">
                  {{commonBorrowerShow ? '收起' : '展开'}}
                  <i class="anticon" [class.anticon-down]="!commonBorrowerShow" [class.anticon-up]="commonBorrowerShow"></i>
                </a>
              </ng-template>
              <nz-row nzGutter="24" *ngIf="commonBorrowerShow">
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonName">姓名</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonName" name="commonName" placeholder="" id="commonName">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonSex">性别</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonSex" name="commonSex" placeholder="" id="commonSex">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonSex">民族</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonGation" name="commonGation" placeholder="" id="commonGation">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonBirth">出生</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonBirth" name="commonBirth" placeholder="" id="commonBirth">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonPeriod">有效期限</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonPeriod" name="commonPeriod" placeholder="" id="commonPeriod">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonOffice">签发机关</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonOffice" name="commonOffice" placeholder="" id="commonOffice">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="12" nzXXl="12">
                  <nz-form-item>
                    <nz-form-label nzFor="commonAddress">地址</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonAddress" name="commonAddress" placeholder="" id="commonAddress">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonRelative">关系属性</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonRelative" name="commonRelative" placeholder="" id="commonRelative">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonWorkUnit">工作单位</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonWorkUnit" name="commonWorkUnit" placeholder="" id="commonWorkUnit">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonWorkNumber">单位电话</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonWorkNumber" name="commonWorkNumber" placeholder="" id="commonWorkNumber">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonNumber">联系电话</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonNumber" name="commonNumber" placeholder="" id="commonNumber">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
              </nz-row>
            </nz-card>
          </div>
          <div *ngIf="selectedIndex==1">
            <g2-gauge [title]="'核销率'" height="164" [percent]="percent" [color]="color"></g2-gauge>
          </div>
          <div *ngIf="selectedIndex==2">大数据报告</div>
          <div *ngIf="selectedIndex==3">车辆评估报告</div>
          <div *ngIf="selectedIndex==4">通话详单分析</div>
          <div *ngIf="selectedIndex==5">视频材料</div>
        </div>
      </div>
      <!-- 还款记录 -->
      <div class="main" *ngIf="onShow==1" style="display: block;">
        <nz-card nzTitle="个人贷款还款计划表" class="grhkjlb">
          <nz-row nzGutter="24">
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">合同编号:ZD1234567890</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">客户姓名:管理员</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">产品类型:售后回租(车抵贷)</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">贷款金额:100,000.00</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">贷款期数:36期/月</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">贷款月利率:18%</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">还款方式:等额本息还款法</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">客户分类:M2</nz-col>
          </nz-row>
        </nz-card>
        <nz-card nzTitle="还款明细表" [nzExtra]="hkmxb">
          <ng-template #hkmxb>
            <a (click)="hkmxbShow=!hkmxbShow">
              {{commonBorrowerShow ? '收起' : '展开'}}
              <i class="anticon" [class.anticon-down]="!commonBorrowerShow" [class.anticon-up]="commonBorrowerShow"></i>
            </a>
          </ng-template>
          <nz-table *ngIf="hkmxbShow"
          #basicTable
          [nzData]="hkmxbOfData"
          [nzTotal]="85"
          [nzPageSize]="10"
          [nzPageSizeOptions]="[ 10, 20, 30, 40, 50 ]"
          nzShowQuickJumper
          nzShowSizeChanger>
            <thead>
              <tr>
                <th>期数</th>
                <th>还款月份</th>
                <th>每期还款额</th>
                <th>应还本金</th>
                <th>应还利息</th>
                <th>贷款余额</th>
                <th>还款情况</th>
                <th>实际还款时间</th>
                <th>实际还款</th>
                <th>剩余本金</th>
                <th>滞纳金</th>
                <th>催收反馈</th>
                <th>催收记录</th>
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let data of basicTable.data">
                <td>{{data.qs}}</td>
                <td>{{data.hkyf}}</td>
                <td>{{data.mqhke}}</td>
                <td>{{data.yhbj}}</td>
                <td>{{data.yhlx}}</td>
                <td>{{data.dkye}}</td>
                <td>{{data.hkqk}}</td>
                <td>{{data.sjhksj}}</td>
                <td>{{data.sjhk}}</td>
                <td>{{data.sybj}}</td>
                <td>{{data.znj}}</td>
                <td>{{data.csfk}}</td>
                <td>{{data.csjl}}</td>
              </tr>
            </tbody>
          </nz-table>
        </nz-card>
      </div>

      <!-- 催收操作 -->
      <div class="main" *ngIf="onShow==2">
        <div class="menu">
          <nz-affix [nzOffsetTop]="100">
            <nz-tabset [nzTabPosition]="'left'" [nzSelectedIndex]="selectedIndexa" (nzSelectChange)="changec($event)">
              <nz-tab nzTitle="电话催收"></nz-tab>
              <nz-tab nzTitle="短信催收"></nz-tab>
              <nz-tab nzTitle="信函催收"></nz-tab>
              <nz-tab nzTitle="上门催收"></nz-tab>
              <nz-tab nzTitle="迁车处置"></nz-tab>
              <nz-tab nzTitle="委外催收"></nz-tab>
              <nz-tab nzTitle="司法催收"></nz-tab>
              <!-- <nz-tab nzTitle="失联修复"></nz-tab> -->
            </nz-tabset>
          </nz-affix>
        </div>
        <div class="content">
          <!-- 电话催收 -->
          <div *ngIf="selectedIndexa==0">
            <nz-card nzTitle="贷款人联系电话">
              <nz-table
              #basicTable
              [nzData]="dxcsbOfData"
              [nzTotal]="85"
              [nzPageSize]="10"
              [nzPageSizeOptions]="[ 10, 20, 30, 40, 50 ]"
              nzShowQuickJumper
              nzShowSizeChanger>
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>电话号码</th>
                    <th>联系人</th>
                    <th>与借款人关系</th>
                    <th>更新时间</th>
                    <th>联系人回复备注</th>
                    <th>催收动作</th>
                    <th>催收评价</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let data of basicTable.data">
                    <td>{{data.xuhao}}</td>
                    <td>{{data.dhhm}}</td>
                    <td>{{data.lxr}}</td>
                    <td>{{data.yjkrgx}}</td>
                    <td>{{data.gxsj}}</td>
                    <td>{{data.hfbz}}</td>
                    <td>
                      <span class="cscz-dx-icon"></span>
                    </td>
                    <td (click)="csjlView(data.id)">查看</td>
                  </tr>
                </tbody>
              </nz-table>
            </nz-card>
            <nz-card nzTitle="贷款资料" [nzExtra]="loanInfoa">
              <ng-template #loanInfoa>
                <a (click)="loanInfoShowa=!loanInfoShowa">
                  {{loanInfoShowa ? '收起' : '展开'}}
                  <i class="anticon" [class.anticon-down]="!loanInfoShowa" [class.anticon-up]="loanInfoShowa"></i>
                </a>
              </ng-template>
              <nz-row nzGutter="24" *ngIf="loanInfoShowa">
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="ddbh">订单编号</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.ddbh" name="ddbh" placeholder="" id="ddbh">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="dkje">贷款金额</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.dkje" name="dkje" placeholder="" id="dkje">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="lxje">利息金额</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.lxje" name="lxje" placeholder="" id="lxje">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="lxje"> </nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.kbje" name="kbje" placeholder="" id="kbje">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="ajlx">案件类型</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.ajlx" name="ajlx" placeholder="" id="ajlx">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="yhbj">已还本金</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.yhbj" name="yhbj" placeholder="" id="yhbj">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="qkje">欠款金额</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.qkje" name="qkje" placeholder="" id="qkje">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="jqje">结清金额</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.jqje" name="jqje" placeholder="" id="jqje">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="fxdj">风险等级</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.fxdj" name="fxdj" placeholder="" id="fxdj">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="sybj">剩余本金</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.sybj" name="sybj" placeholder="" id="sybj">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="ljhk">累计还款</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.ljhk" name="ljhk" placeholder="" id="ljhk">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="yhsq">优惠申请</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.yhsq" name="yhsq" placeholder="" id="yhsq">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
              </nz-row>
            </nz-card>
            <nz-card nzTitle="贷款信息" [nzExtra]="loanInfob">
              <ng-template #loanInfob>
                <a (click)="loanInfoShowb=!loanInfoShowb">
                  {{loanInfoShowb ? '收起' : '展开'}}
                  <i class="anticon" [class.anticon-down]="!loanInfoShowb" [class.anticon-up]="loanInfoShowb"></i>
                </a>
              </ng-template>
              <nz-row nzGutter="24" *ngIf="loanInfoShowb">
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="ddbh">订单编号</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.ddbh" name="ddbh" placeholder="" id="ddbh">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="dkje">贷款金额</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.dkje" name="dkje" placeholder="" id="dkje">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="lxje">利息金额</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.lxje" name="lxje" placeholder="" id="lxje">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="lxje"> </nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.kbje" name="kbje" placeholder="" id="kbje">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="ajlx">案件类型</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.ajlx" name="ajlx" placeholder="" id="ajlx">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="yhbj">已还本金</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.yhbj" name="yhbj" placeholder="" id="yhbj">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="qkje">欠款金额</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.qkje" name="qkje" placeholder="" id="qkje">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="jqje">结清金额</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.jqje" name="jqje" placeholder="" id="jqje">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="fxdj">风险等级</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.fxdj" name="fxdj" placeholder="" id="fxdj">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="sybj">剩余本金</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.sybj" name="sybj" placeholder="" id="sybj">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="ljhk">累计还款</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.ljhk" name="ljhk" placeholder="" id="ljhk">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="yhsq">优惠申请</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.yhsq" name="yhsq" placeholder="" id="yhsq">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
              </nz-row>
            </nz-card>
            <nz-card nzTitle="共借人信息" [nzExtra]="commonBorrowera">
              <ng-template #commonBorrowera>
                <a (click)="commonBorrowerShowa=!commonBorrowerShowa">
                  {{commonBorrowerShowa ? '收起' : '展开'}}
                  <i class="anticon" [class.anticon-down]="!commonBorrowerShowa" [class.anticon-up]="commonBorrowerShowa"></i>
                </a>
              </ng-template>
              <nz-row nzGutter="24" *ngIf="commonBorrowerShowa">
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonName">姓名</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonName" name="commonName" placeholder="" id="commonName">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonSex">性别</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonSex" name="commonSex" placeholder="" id="commonSex">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonSex">民族</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonGation" name="commonGation" placeholder="" id="commonGation">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonBirth">出生</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonBirth" name="commonBirth" placeholder="" id="commonBirth">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonPeriod">有效期限</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonPeriod" name="commonPeriod" placeholder="" id="commonPeriod">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonOffice">签发机关</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonOffice" name="commonOffice" placeholder="" id="commonOffice">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="12" nzXXl="12">
                  <nz-form-item>
                    <nz-form-label nzFor="commonAddress">地址</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonAddress" name="commonAddress" placeholder="" id="commonAddress">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonRelative">关系属性</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonRelative" name="commonRelative" placeholder="" id="commonRelative">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonWorkUnit">工作单位</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonWorkUnit" name="commonWorkUnit" placeholder="" id="commonWorkUnit">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonWorkNumber">单位电话</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonWorkNumber" name="commonWorkNumber" placeholder="" id="commonWorkNumber">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
                <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                  <nz-form-item>
                    <nz-form-label nzFor="commonNumber">联系电话</nz-form-label>
                    <nz-form-control class="ml">
                      <input nz-input [(ngModel)]="params.commonNumber" name="commonNumber" placeholder="" id="commonNumber">
                    </nz-form-control>
                  </nz-form-item>
                </nz-col>
              </nz-row>
            </nz-card>
            <nz-card nzTitle="贷款人通讯详单 TOP 50">
              <nz-table
              #basicTable
              [nzData]="dxthxdbOfData"
              [nzTotal]="85"
              [nzPageSize]="10"
              [nzPageSizeOptions]="[ 10, 20, 30, 40, 50 ]"
              nzShowQuickJumper
              nzShowSizeChanger>
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>电话号码</th>
                    <th>归属地</th>
                    <th>与借款人关系</th>
                    <th>更新时间</th>
                    <th>联系人回复备注</th>
                    <th>催收动作</th>
                    <th>催收评价</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let data of basicTable.data">
                    <td>{{data.xuhao}}</td>
                    <td>{{data.dhhm}}</td>
                    <td>{{data.gsd}}</td>
                    <td>{{data.yjkrgx}}</td>
                    <td>{{data.gxsj}}</td>
                    <td>{{data.hfbz}}</td>
                    <td>
                      <span class="cscz-dx-icon"></span>
                    </td>
                    <td (click)="csjlView(data.id)">查看</td>
                  </tr>
                </tbody>
              </nz-table>
            </nz-card>
          </div>
          <!-- 短信催收 -->
          <div *ngIf="selectedIndexa==1">
            <nz-card nzTitle="贷款人联系电话">
              <nz-table
              #basicTable
              [nzData]="dxcsbOfData"
              [nzTotal]="85"
              [nzPageSize]="10"
              [nzPageSizeOptions]="[ 10, 20, 30, 40, 50 ]"
              nzShowQuickJumper
              nzShowSizeChanger>
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>电话号码</th>
                    <th>联系人</th>
                    <th>与借款人关系</th>
                    <th>更新时间</th>
                    <th>联系人回复备注</th>
                    <th>催收动作</th>
                    <th>催收评价</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let data of basicTable.data">
                    <td>{{data.xuhao}}</td>
                    <td>{{data.dhhm}}</td>
                    <td>{{data.lxr}}</td>
                    <td>{{data.yjkrgx}}</td>
                    <td>{{data.gxsj}}</td>
                    <td>{{data.hfbz}}</td>
                    <td>
                      <span class="cscz-dx-icon"></span>
                    </td>
                    <td (click)="csjlView(data.id)">查看</td>
                  </tr>
                </tbody>
              </nz-table>
            </nz-card>
            <nz-card nzTitle="贷款人通讯详单 TOP 50">
              <nz-table
              #basicTable
              [nzData]="dxthxdbOfData"
              [nzTotal]="85"
              [nzPageSize]="10"
              [nzPageSizeOptions]="[ 10, 20, 30, 40, 50 ]"
              nzShowQuickJumper
              nzShowSizeChanger>
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>电话号码</th>
                    <th>归属地</th>
                    <th>与借款人关系</th>
                    <th>更新时间</th>
                    <th>联系人回复备注</th>
                    <th>催收动作</th>
                    <th>催收评价</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let data of basicTable.data">
                    <td>{{data.xuhao}}</td>
                    <td>{{data.dhhm}}</td>
                    <td>{{data.gsd}}</td>
                    <td>{{data.yjkrgx}}</td>
                    <td>{{data.gxsj}}</td>
                    <td>{{data.hfbz}}</td>
                    <td>
                      <span class="cscz-dx-icon"></span>
                    </td>
                    <td (click)="csjlView(data.id)">查看</td>
                  </tr>
                </tbody>
              </nz-table>
            </nz-card>
          </div>
          <!-- 信函催收 -->
          <div *ngIf="selectedIndexa==2">
            <nz-card nzTitle="贷款人联系电话">
              <nz-table
              #basicTable
              [nzData]="dxcsbOfData"
              [nzTotal]="85"
              [nzPageSize]="10"
              [nzPageSizeOptions]="[ 10, 20, 30, 40, 50 ]"
              nzShowQuickJumper
              nzShowSizeChanger>
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>电话号码</th>
                    <th>联系人</th>
                    <th>与借款人关系</th>
                    <th>更新时间</th>
                    <th>联系人回复备注</th>
                    <th>催收动作</th>
                    <th>催收评价</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let data of basicTable.data">
                    <td>{{data.xuhao}}</td>
                    <td>{{data.dhhm}}</td>
                    <td>{{data.lxr}}</td>
                    <td>{{data.yjkrgx}}</td>
                    <td>{{data.gxsj}}</td>
                    <td>{{data.hfbz}}</td>
                    <td>
                      <span class="cscz-dx-icon"></span>
                    </td>
                    <td (click)="csjlView(data.id)">查看</td>
                  </tr>
                </tbody>
              </nz-table>
            </nz-card>
            <nz-card nzTitle="贷款人通讯详单 TOP 50">
              <nz-table
              #basicTable
              [nzData]="dxthxdbOfData"
              [nzTotal]="85"
              [nzPageSize]="10"
              [nzPageSizeOptions]="[ 10, 20, 30, 40, 50 ]"
              nzShowQuickJumper
              nzShowSizeChanger>
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>电话号码</th>
                    <th>归属地</th>
                    <th>与借款人关系</th>
                    <th>更新时间</th>
                    <th>联系人回复备注</th>
                    <th>催收动作</th>
                    <th>催收评价</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let data of basicTable.data">
                    <td>{{data.xuhao}}</td>
                    <td>{{data.dhhm}}</td>
                    <td>{{data.gsd}}</td>
                    <td>{{data.yjkrgx}}</td>
                    <td>{{data.gxsj}}</td>
                    <td>{{data.hfbz}}</td>
                    <td>
                      <span class="cscz-dx-icon"></span>
                    </td>
                    <td (click)="csjlView(data.id)">查看</td>
                  </tr>
                </tbody>
              </nz-table>
            </nz-card>
          </div>
          <!-- 上门催收 -->
          <div class="smcs" *ngIf="selectedIndexa==3">
            <div class="smcs-nav">
              <!-- <nz-affix [nzOffsetTop]="100"> -->
                <nz-tabset [nzSelectedIndex]="smcsIndex" (nzSelectChange)="changed($event)">
                  <nz-tab nzTitle="上门流程"></nz-tab>
                  <nz-tab nzTitle="催收进程"></nz-tab>
                  <nz-tab nzTitle="发起上门"></nz-tab>
                </nz-tabset>
              <!-- </nz-affix> -->
            </div>
            <div class="smcs-content" *ngIf="smcsIndex==0">
              <nz-card nzTitle="贷款信息">
                <nz-row nzGutter="24">
                  <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                    <nz-form-item>
                      <nz-form-label nzFor="ddbh">订单编号</nz-form-label>
                      <nz-form-control class="ml">
                        <input nz-input [(ngModel)]="params.ddbh" name="ddbh" placeholder="" id="ddbh">
                      </nz-form-control>
                    </nz-form-item>
                  </nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                    <nz-form-item>
                      <nz-form-label nzFor="dkje">贷款金额</nz-form-label>
                      <nz-form-control class="ml">
                        <input nz-input [(ngModel)]="params.dkje" name="dkje" placeholder="" id="dkje">
                      </nz-form-control>
                    </nz-form-item>
                  </nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                    <nz-form-item>
                      <nz-form-label nzFor="lxje">利息金额</nz-form-label>
                      <nz-form-control class="ml">
                        <input nz-input [(ngModel)]="params.lxje" name="lxje" placeholder="" id="lxje">
                      </nz-form-control>
                    </nz-form-item>
                  </nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                    <nz-form-item>
                      <nz-form-label nzFor="lxje"> </nz-form-label>
                      <nz-form-control class="ml">
                        <input nz-input [(ngModel)]="params.kbje" name="kbje" placeholder="" id="kbje">
                      </nz-form-control>
                    </nz-form-item>
                  </nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                    <nz-form-item>
                      <nz-form-label nzFor="ajlx">案件类型</nz-form-label>
                      <nz-form-control class="ml">
                        <input nz-input [(ngModel)]="params.ajlx" name="ajlx" placeholder="" id="ajlx">
                      </nz-form-control>
                    </nz-form-item>
                  </nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                    <nz-form-item>
                      <nz-form-label nzFor="yhbj">已还本金</nz-form-label>
                      <nz-form-control class="ml">
                        <input nz-input [(ngModel)]="params.yhbj" name="yhbj" placeholder="" id="yhbj">
                      </nz-form-control>
                    </nz-form-item>
                  </nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                    <nz-form-item>
                      <nz-form-label nzFor="qkje">欠款金额</nz-form-label>
                      <nz-form-control class="ml">
                        <input nz-input [(ngModel)]="params.qkje" name="qkje" placeholder="" id="qkje">
                      </nz-form-control>
                    </nz-form-item>
                  </nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                    <nz-form-item>
                      <nz-form-label nzFor="jqje">结清金额</nz-form-label>
                      <nz-form-control class="ml">
                        <input nz-input [(ngModel)]="params.jqje" name="jqje" placeholder="" id="jqje">
                      </nz-form-control>
                    </nz-form-item>
                  </nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                    <nz-form-item>
                      <nz-form-label nzFor="fxdj">风险等级</nz-form-label>
                      <nz-form-control class="ml">
                        <input nz-input [(ngModel)]="params.fxdj" name="fxdj" placeholder="" id="fxdj">
                      </nz-form-control>
                    </nz-form-item>
                  </nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                    <nz-form-item>
                      <nz-form-label nzFor="sybj">剩余本金</nz-form-label>
                      <nz-form-control class="ml">
                        <input nz-input [(ngModel)]="params.sybj" name="sybj" placeholder="" id="sybj">
                      </nz-form-control>
                    </nz-form-item>
                  </nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                    <nz-form-item>
                      <nz-form-label nzFor="ljhk">累计还款</nz-form-label>
                      <nz-form-control class="ml">
                        <input nz-input [(ngModel)]="params.ljhk" name="ljhk" placeholder="" id="ljhk">
                      </nz-form-control>
                    </nz-form-item>
                  </nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6">
                    <nz-form-item>
                      <nz-form-label nzFor="yhsq">优惠申请</nz-form-label>
                      <nz-form-control class="ml">
                        <input nz-input [(ngModel)]="params.yhsq" name="yhsq" placeholder="" id="yhsq">
                      </nz-form-control>
                    </nz-form-item>
                  </nz-col>
                </nz-row>
              </nz-card>
              <textarea class="smcs-content-txt" name="" id="" cols="" rows="" placeholder="请输入上门发起理由"></textarea>
              <div class="smcs-content-b">
                <div class="smcs-content-b-t">
                  <nz-form-item>
                    <nz-form-label nzFor="searchProvince">上传附件:</nz-form-label>
                    <nz-form-control>
                      <nz-select style="width: 250px;" [(ngModel)]="q.searchQds" name="searchQds" id="searchQds" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
                        <nz-option nzLabel="管理员(贷后主管)" nzValue="管理员(贷后主管)"></nz-option>
                        <nz-option nzLabel="高圆圆(总部风控总监)" nzValue="高圆圆(总部风控总监)"></nz-option>
                      </nz-select>
                    </nz-form-control>
                  </nz-form-item>
                </div>
                <div class="smcs-content-b-b">
                  <nz-form-item>
                    <nz-form-label nzFor="searchProvince">提交申请:</nz-form-label>
                    <nz-form-control>
                      <nz-select style="width: 250px;" [(ngModel)]="q.searchQds" name="searchQds" id="searchQds" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
                        <nz-option nzLabel="管理员(贷后主管)" nzValue="管理员(贷后主管)"></nz-option>
                        <nz-option nzLabel="高圆圆(总部风控总监)" nzValue="高圆圆(总部风控总监)"></nz-option>
                      </nz-select>
                    </nz-form-control>
                  </nz-form-item>
                </div>
              </div>
            </div>
            <div class="smcs-content" *ngIf="smcsIndex==1">催收进程</div>
            <div class="smcs-content" *ngIf="smcsIndex==2">发起上门</div>
          </div>
          <!-- 迁车处置 -->
          <div *ngIf="selectedIndexa==4">迁车处置</div>
          <!-- 委外催收 -->
          <div *ngIf="selectedIndexa==5">委外催收</div>
          <!-- 司法催收 -->
          <div *ngIf="selectedIndexa==6">司法催收</div>
        </div>
      </div>
      <!-- 催收记录 -->
      <div class="main" *ngIf="onShow==3">
        <nz-card style="width:100%;border:none;">
          <nz-table *ngIf="hkmxbShow"
          #basicTable
          [nzData]="csjlbOfData"
          [nzTotal]="85"
          [nzPageSize]="10"
          [nzPageSizeOptions]="[ 10, 20, 30, 40, 50 ]"
          nzShowQuickJumper
          nzShowSizeChanger>
            <thead>
              <tr>
                <th>序号</th>
                <th>催收类型</th>
                <th>催收时间</th>
                <th>催收人员</th>
                <th>联系人</th>
                <th>电话号码</th>
                <th>与借款人关系</th>
                <th>联系人回复备注</th>
                <th>催收动作</th>
                <th>催收评价</th>
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let data of basicTable.data">
                <td>{{data.xuhao}}</td>
                <td>{{data.cslx}}</td>
                <td>{{data.cssj}}</td>
                <td>{{data.csry}}</td>
                <td>{{data.lxr}}</td>
                <td>{{data.dhhm}}</td>
                <td>{{data.yjkrgx}}</td>
                <td>{{data.beizhu}}</td>
                <td>
                  <div class="csjl" *ngIf="data.csdz == 1">
                    <span class="csjl-dz">
                      <i class="csjl-dz-icon csjl-dz-icon-01"></i>
                    </span>
                    <span class="csjl-dz" (click)="csjlLy(data.id)">录音</span>
                    <span class="csjl-dz" (click)="csjlBf(data.id)">播放</span>
                  </div>
                  <div class="csjl" *ngIf="data.csdz == 2">上门催收报告</div>
                  <div class="csjl" *ngIf="data.csdz == 3">迁车成功</div>
                  <div class="csjl" *ngIf="data.csdz == 4">诉讼中</div>
                </td>
                <td (click)="csjlView(data.id)">查看</td>
              </tr>
            </tbody>
          </nz-table>
        </nz-card>
      </div>
      <!-- 催收报告 -->
      <div class="main" *ngIf="onShow==4" style="display: block;">
        <div class="report">
          <div class="report-top">
            <nz-row nzGutter="24">
              <nz-col nzMd="24" nzLg="24" nzXl="14" nzXXl="14" class="tit">催收报告</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="6" nzXXl="6" class="time">自动评分系统 2019-01-0112:01 生成</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="2" nzXXl="2" class="wx">微信转发</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="2" nzXXl="2" class="down-load">下载报告</nz-col>
            </nz-row>
          </div>
          <div class="report-cus">
            <nz-row nzGutter="24">
              <nz-col nzMd="24" nzLg="24" nzXl="3" nzXXl="3">管理员</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="3" nzXXl="3">车抵贷</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="3" nzXXl="3">客户等级分类：</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="3" nzXXl="3">
                <div class="rep-icon"><span>M3</span></div>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="3" nzXXl="3">表内核算：</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="3" nzXXl="3">
                <div class="rep-icon"><span>不良</span></div>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="3" nzXXl="3">催收动作：</nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="3" nzXXl="3">
                <div class="rep-icon"><span>司催</span></div>
              </nz-col>
            </nz-row>
          </div>
          <div class="report-tit">资料1：催收记录</div>
          <div class="ziliao">
            <nz-table *ngIf="hkmxbShow"
            #basicTable
            [nzData]="csjlbOfData"
            [nzTotal]="85"
            [nzPageSize]="10"
            [nzPageSizeOptions]="[ 10, 20, 30, 40, 50 ]"
            nzShowQuickJumper
            nzShowSizeChanger>
              <thead>
                <tr>
                  <th>序号</th>
                  <th>催收类型</th>
                  <th>催收时间</th>
                  <th>催收人员</th>
                  <th>联系人</th>
                  <th>电话号码</th>
                  <th>与借款人关系</th>
                  <th>联系人回复备注</th>
                  <th>催收动作</th>
                  <th>催收评价</th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let data of basicTable.data">
                  <td>{{data.xuhao}}</td>
                  <td>{{data.cslx}}</td>
                  <td>{{data.cssj}}</td>
                  <td>{{data.csry}}</td>
                  <td>{{data.lxr}}</td>
                  <td>{{data.dhhm}}</td>
                  <td>{{data.yjkrgx}}</td>
                  <td>{{data.beizhu}}</td>
                  <td>{{data.csdz}}</td>
                  <td>{{data.cspj}}</td>
                </tr>
              </tbody>
            </nz-table>
          </div>
          <div class="report-tit">资料2：上门报告</div>
          <div class="smbg">
            <p>上门照片</p>
            <div class="smzp">

            </div>
            <p>上门反馈</p>
            <textarea name="" id="" cols="30" rows="10" class="smfk"></textarea>
          </div>
          <div class="report-tit">资料3：迁车报告</div>
          <div class="qcbg">
            <nz-row nzGutter="24">
              <nz-col nzMd="24" nzLg="24" nzXl="16" nzXXl="16">
                <p>派单时间：2018-01-01 11:00</p>
                <nz-row nzGutter="24">
                  <nz-col nzMd="24" nzLg="24" nzXl="8" nzXXl="8">客户名称：管理员</nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="8" nzXXl="8">车牌：闽D00000</nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="8" nzXXl="8">车型：奔驰S300</nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="8" nzXXl="8">迁车时间：2018-01-01 23：08</nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="8" nzXXl="8">迁车地点：客户家里</nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="8" nzXXl="8">通知客户：已短信告知</nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="8" nzXXl="8">迁车团队：AAA组</nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="8" nzXXl="8">联系电话：13600000000</nz-col>
                  <nz-col nzMd="24" nzLg="24" nzXl="8" nzXXl="8">干扰事件：无</nz-col>
                </nz-row>
              </nz-col>
              <nz-col nzMd="24" nzLg="24" nzXl="8" nzXXl="8">
                <div class="qcbg-i">
                  <img src="" alt="">
                  <div class="rep-icon"><span>迁车成功</span></div>
                </div>
              </nz-col>
            </nz-row>
            <textarea name="" id="" cols="30" rows="10">
              车抵贷客户：张三，车型：宝马520，车辆号码：闽CQ1234，该车辆2017年9月30日二押在泉州市洛江区泉州良种场。
事件经过：
1、客户张三，于2017年9月13日贷款金额27.2万元，截止11月21日共还1期（合计：11200元）；
2、强制结清理由：
a、我司在2017年10月2日贷后风险例行排查时，发现客户车辆有轨迹异常（没有在3个点的正常位置），马上安排人员去泉州车辆所停放位置进行排查，经排查确认客户车辆所停放位置是二押仓库。后来跟客户本人和客户身边的朋友进行电话沟通了解过后且上门排查，得知该客户有赌博的行为且有比较多笔不上征信的小额贷款以及50万左右的民间借贷。
b、客户车辆二押金额和利息、违约金、停车费总计16.3万（这是截止11月30的金额，过了12月就不是这个金额了）客户已明确表示无能力偿还了，让我们要怎么样就怎么样，他都无所谓了。
C、事件发生后，我们分别对客户的通话详单和客户的亲戚朋友都进行了电话催收，由于客户已经负债累累，大家都表示无能为力。同时我公司的拖车团队也在10月25日进行拖车，现已将该车辆拖回，存放在指定仓库。
            </textarea>
          </div>


        </div>
      </div>
   </div>
 </div>
</full-content>
